10 Innovative And Creative HTML For Slideshow Options
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Touch drag navigation for thumbnail navigator is allowed
Use any html/css code to customize thumbnail to anyformat
Any html code can be placed inside slide
Move, fade, clip, zoom and rotation transitions are all supported for all browsers
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
SEO friendly, any html code can be added to each slide, all are exposed directly to jQuery image transition
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
3. jSprouts
jSprout can handle also custom HTML contents, videos, flash and even Google Maps, very useful for mini-sites, vCard sites, personal sites or portfolio sites.Any content type: images, HTML, flash, video, maps
1 new feature (auto play/slideshow)
40 Transition Effects for the images
11 Transition Effects for the captions
Support any HTML in the name of the images (for captions)
Fast CSS3 & JavaScript engine with fall back on CSS1 for older browsers like IE7 or IE8 (exceptional performance!). Support for a large number of images without losing performance. Rotation button for rotating the object. Pan button for panning of the object. Left and right buttons for rotating the object left or right. Slideshow button for play or pause automatic rotation of the object. Hyperlink button for creating a hyperlink in the menu. Info window button for showing a detailed custom made window which supports unlimited html content. The markers / hotspots can be of any size or shape and they can vary, for example if you want to add three link type hotspots each of them can have a different size or graphics, this applies to all markers/hotspots types. Built in tool for finding the correct position of the marker / hotspot on an image . Gestures events support for IOS (ipad and iphone) the image can be zoomed with two fingers. Customizable slideshow rotation speed. Examples files for each skin and display type included, this way the html can be copy and pasted into your html page!.
Fully responsive 3D carousel that allows to display media or HTML content inline with an unique and original layout. It’s perfect for presentations, for anyone who wants to obtain a great impact on their visitors. Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Support for images and HTML content. Support for multiple categories and each category can have it’s own set of thumbnails. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with slideshow HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).
It’s perfect for presentations, for anyone that want to obtain a great impact on their visitors. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo. Horizontal Gridfolio Pro can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the grid must be installed manually with image slider HTML code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress.Drag or Scroll Function: The grid can be dragged with the mouse/finger or scrolled like a regular HTML page. Support for any number of categories and each category can have any number of images, if it has only one category the categories selector is disabled/not visible. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “More thumbs” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “More thumbs” button is pressed again the 20 remaining thumbnails are showed. The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Iframe support: The lightbox can display HTML pages, all you have to do is to include the link of your page that you want to display. The size (width and height) of each iframe (html page) can be set easily.Zoom and panning support for images: The images can be zoomed in and out or paned, this way you can see the image in great detail (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics. Keyboard support: The left and right arrows can be used for navigation (optional).
Easy to install and compatible with major browsers, including IE, ZoomFlow it’s the perfect plugin for your portfolio.SEO friendly – built with search engine optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget
slideshow mode – display images in a slideshow
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button. Support thumbnails for the grid only to the images you want to improve performance
You can specify a static width for each column or specify number of columns
When specifying the number of columns you can set the minimum width for each column
Lightbox with slideshow (play, pause, auto-play)
A light-weight responsive fullscreen image and jQuery slider tutorial for jQuery.The best part about this slider is you can add whatever content you want to the slides! You can add custom, complex html, iframes, videos, audio, etc.Background Image Slideshow
Note: Uses the TouchSwipe jQuery library for touch capabilities
Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions. Enjoy using Strapslide and stay tuned for some amazing updates!
Slideshow Design